const code = `{
    // 搜索栏子项的配置
    items: [
      {
        // column属性指向于tableConfig.columns中prop相同的项，
        // 会使用此表格列的prop属性和label属性，
        // 且当此表格列存在dicts属性时，默认此搜索栏子项的component属性为'select'，否则为'input'
        column: 'xxx',
        // 参数说明
        label: 'xxx',
        // 参数名称
        prop: 'xxx',
        // 绑定给搜索栏子项组件的参数
        options: {},
        // 所使用的的组件，默认支持select（选择器）、input（输入框）、
        // textarea（文本域）、radio（单选框）、date（日期选择器）。
        // 也支持使用setComponents自定义component类型
        // import { setComponents } from 'wjc-easy-element-ui';
        // setComponents({ datetimerange(h, { value }, { input }) { return xxx }})
        component: 'input',
        // 自定义搜索栏子项，可用jsx
        // 第二个参数包括value（子项的值）、label、prop、options、dicts
        // 第三个参数只有input方法，用于设置value，例如: input('xxx')
        render(h, { value }, { input }) {
          return (
            <el-input
              :value="value"
              @input="input"
            />
          )
        },
        // 同tableConfig.columns中的dicts，当使用component为select或者radio时，必须要提供
        dicts: [],
        // 搜索栏子项的宽度
        width: 250,
        // 转化调用input方法传入的值
        transform: val => val,
        // 搜索栏子项的默认值
        defaultValue: 'xxx'
      },
      // 搜索栏子项可用提供一个对象，如上
      // 也可以像这样直接写一个字符串，相当于{ column: 'xxx1' }
      'xxx1',
    ],

    // 使用使用重置按钮，默认为true
    useResetButton: true
}`


export const SearchBarConfigDesc = {
  name: 'SearchBarConfigDesc',

  template: `
  <el-card header="searchBarConfig 对象结构" id="SearchBarConfigDesc">
    <pre>
      <code>{{ code }}</code>
    </pre>
  </el-card>
  `,

  data() {
    return {
      code
    }
  }
}